:host, :root {
    --tv-base-color-brand:#1890ff;
    --tv-base-color-brand-1:#e6f7ff;
    --tv-base-color-brand-2:#deecff;
    --tv-base-color-brand-3:#91d5ff;
    --tv-base-color-brand-4:#7eb7fc;
    --tv-base-color-brand-5:#40a9ff;
    --tv-base-color-brand-6:#1890ff;
    --tv-base-color-common-1:#ffffff;
    --tv-base-color-common-2:#f1f1f1;
    --tv-base-color-common-3:#f5f5f5;
    --tv-base-color-common-4:#e4e7ed;
    --tv-base-color-common-5:#e6e6e6;
    --tv-base-color-common-6:#dbdbdb;
    --tv-base-color-common-7:#bfbfbf;
    --tv-base-color-common-8:#909399;
    --tv-base-color-common-9:#999999;
    --tv-base-color-common-10:#333333;
    --tv-base-color-common-11:#54657e;
    --tv-base-color-common-12:#474c5e;
    --tv-base-color-common-13:#2e3243;
    --tv-base-color-common-14:#000000;
    --tv-base-color-common-15:#d9d9d9;
    --tv-base-color-success-1:#f6ffed;
    --tv-base-color-success-2:#daf2bb;
    --tv-base-color-success-3:#b9e683;
    --tv-base-color-success-4:#95de64;
    --tv-base-color-success-5:#73d13d;
    --tv-base-color-success-6:#52c41a;
    --tv-base-color-success-7:#389e0d;
    --tv-base-color-error-1:#fff1f0;
    --tv-base-color-error-2:#fce2e0;
    --tv-base-color-error-3:#faa7a3;
    --tv-base-color-error-4:#ff7875;
    --tv-base-color-error-5:#ff4d4f;
    --tv-base-color-error-6:#f5222d;
    --tv-base-color-error-7:#cf1322;
    --tv-base-color-warn-1:#fffbe6;
    --tv-base-color-warn-2:#ffebd1;
    --tv-base-color-warn-3:#fcd5a4;
    --tv-base-color-warn-4:#ffd666;
    --tv-base-color-warn-5:#ffc53d;
    --tv-base-color-warn-6:#faad14;
    --tv-base-color-warn-secondary-1:#ffb700;
    --tv-base-color-info-1:#e6f7ff;
    --tv-base-color-info-2:#deecff;
    --tv-base-color-info-3:#91d5ff;
    --tv-base-color-info-4:#7eb7fc;
    --tv-base-color-info-5:#40a9ff;
    --tv-base-color-info-6:#1890ff;
    --tv-color-success-text:var(--tv-base-color-success-6);
    --tv-color-success-text-primary:#333;
    --tv-color-success-bg:var(--tv-base-color-success-6);
    --tv-color-success-bg-light:#f6ffed;
    --tv-color-success-bg-1:#f6ffed;
    --tv-color-success-border:#95de64;
    --tv-color-success-border-1:#f6ffed;
    --tv-color-success-border-light:#f6ffed;
    --tv-color-success-icon:var(--tv-base-color-success-6);
    --tv-color-error-text:#f5222d;
    --tv-color-error-text-primary:#333;
    --tv-color-error-bg:#f5222d;
    --tv-color-error-bg-light:#fff1f0;
    --tv-color-error-bg-1:#fff1f0;
    --tv-color-error-border:#f5222d;
    --tv-color-error-border-light:#fff1f0;
    --tv-color-error-border-1:#fff1f0;
    --tv-color-error-icon:#f5222d;
    --tv-color-warn-text:#faad14;
    --tv-color-warn-text-primary:#333;
    --tv-color-warn-bg:#faad14;
    --tv-color-warn-bg-light:#fffbe6;
    --tv-color-warn-bg-1:#fffbe6;
    --tv-color-warn-border:#faad14;
    --tv-color-warn-border-light:#fffbe6;
    --tv-color-warn-border-1:#fffbe6;
    --tv-color-warn-icon:#faad14;
    --tv-color-info-text:#1890ff;
    --tv-color-info-text-primary:#333;
    --tv-color-info-text-1:#1890ff;
    --tv-color-info-bg:#1890ff;
    --tv-color-info-bg-light:#e6f7ff;
    --tv-color-info-bg-1:#e6f7ff;
    --tv-color-info-border:#91d5ff;
    --tv-color-info-border-light:#e6f7ff;
    --tv-color-info-border-1:#e6f7ff;
    --tv-color-info-icon:#1890ff;
    --tv-color-act-primary-text:#1890ff;
    --tv-color-act-primary-text-hover:var(--tv-base-color-brand);
    --tv-color-act-primary-text-active:var(--tv-base-color-brand);
    --tv-color-act-primary-text-inverse-tint:var(--tv-base-color-common-1);
    --tv-color-act-primary-text-inverse-tint-hover:var(--tv-base-color-common-1);
    --tv-color-act-primary-text-inverse-tint-active:var(--tv-base-color-common-1);
    --tv-color-act-primary-bg:var(--tv-base-color-brand);
    --tv-color-act-primary-bg-hover:#40a9ff;
    --tv-color-act-primary-bg-active:#096dd9;
    --tv-color-act-primary-bg-white:rgba(24, 144, 255, 0.06);
    --tv-color-act-primary-bg-white-hover:#1890ff;
    --tv-color-act-primary-bg-white-active:#096dd9;
    --tv-color-act-primary-border:var(--tv-base-color-brand);
    --tv-color-act-primary-border-hover:#40a9ff;
    --tv-color-act-primary-border-active:#096dd9;
    --tv-color-act-primary-border-light:#1890ff;
    --tv-color-act-primary-border-light-hover:#1890ff;
    --tv-color-act-primary-border-light-active:#1890ff;
    --tv-color-act-primary-border-light-hover-1:#40a9ff;
    --tv-color-act-primary-border-light-active-1:#40a9ff;
    --tv-color-act-primary-plain-text-hover:#fff;
    --tv-color-act-success-text:var(--tv-base-color-success-6);
    --tv-color-act-success-text-hover:var(--tv-base-color-success-6);
    --tv-color-act-success-text-active:var(--tv-base-color-success-6);
    --tv-color-act-success-text-white:var(--tv-base-color-common-1);
    --tv-color-act-success-text-white-hover:var(--tv-base-color-common-1);
    --tv-color-act-success-text-white-active:var(--tv-base-color-common-1);
    --tv-color-act-success-bg:var(--tv-base-color-success-6);
    --tv-color-act-success-bg-hover:#73d13d;
    --tv-color-act-success-bg-active:#389e0d;
    --tv-color-act-success-bg-light:rgba(82, 196, 26, 0.06);
    --tv-color-act-success-bg-light-hover:#52c41a;
    --tv-color-act-success-bg-light-active:#389e0d;
    --tv-color-act-success-border:var(--tv-base-color-success-6);
    --tv-color-act-success-border-hover:#73d13d;
    --tv-color-act-success-border-active:#389e0d;
    --tv-color-act-success-border-hover-1:#73d13d;
    --tv-color-act-success-border-active-1:#389e0d;
    --tv-color-act-success-border-light:#52c41a;
    --tv-color-act-success-border-light-hover:#73d13d;
    --tv-color-act-success-border-light-active:#389e0d;
    --tv-color-act-success-plain-text-hover:#fff;
    --tv-color-act-warning-text:#faad14;
    --tv-color-act-warning-text-hover:var(--tv-base-color-warn-6);
    --tv-color-act-warning-text-active:var(--tv-base-color-warn-6);
    --tv-color-act-warning-text-white:var(--tv-base-color-common-1);
    --tv-color-act-warning-text-white-hover:var(--tv-base-color-common-1);
    --tv-color-act-warning-text-white-active:var(--tv-base-color-common-1);
    --tv-color-act-warning-bg:#faad14;
    --tv-color-act-warning-bg-hover:#ffc53d;
    --tv-color-act-warning-bg-active:#ffc53d;
    --tv-color-act-warning-bg-light:rgba(250, 173, 20, 0.06);
    --tv-color-act-warning-bg-light-hover:#faad14;
    --tv-color-act-warning-bg-light-active:#ffc53d;
    --tv-color-act-warning-border:#faad14;
    --tv-color-act-warning-border-hover:#ffc53d;
    --tv-color-act-warning-border-active:#ffc53d;
    --tv-color-act-warning-border-hover-1:#ffc53d;
    --tv-color-act-warning-border-active-1:#ffc53d;
    --tv-color-act-warning-border-light:#faad14;
    --tv-color-act-warning-border-light-hover:#faad14;
    --tv-color-act-warning-border-light-active:#ffc53d;
    --tv-color-act-warning-plain-text-hover:#fff;
    --tv-color-act-danger-text:var(--tv-base-color-error-6);
    --tv-color-act-danger-text-hover:var(--tv-base-color-error-6);
    --tv-color-act-danger-text-active:var(--tv-base-color-error-6);
    --tv-color-act-danger-text-white:var(--tv-base-color-common-1);
    --tv-color-act-danger-text-white-hover:var(--tv-base-color-common-1);
    --tv-color-act-danger-text-white-active:var(--tv-base-color-common-1);
    --tv-color-act-danger-bg:#f5222d;
    --tv-color-act-danger-bg-hover:#ff4d4f;
    --tv-color-act-danger-bg-active:#cf1322;
    --tv-color-act-danger-bg-light:rgba(245, 34, 45, 0.06);
    --tv-color-act-danger-bg-light-hover:#f5222d;
    --tv-color-act-danger-bg-light-active:#cf1322;
    --tv-color-act-danger-border:#f5222d;
    --tv-color-act-danger-border-hover:#ff4d4f;
    --tv-color-act-danger-border-active:#cf1322;
    --tv-color-act-danger-border-hover-1:#ff4d4f;
    --tv-color-act-danger-border-active-1:#cf1322;
    --tv-color-act-danger-border-light:#f5222d;
    --tv-color-act-danger-border-light-hover:#f5222d;
    --tv-color-act-danger-border-light-active:#cf1322;
    --tv-color-act-danger-plain-text-hover:#fff;
    --tv-color-act-info-text:#333;
    --tv-color-act-info-text-hover:#333;
    --tv-color-act-info-text-active:#333;
    --tv-color-act-info-text-white:var(--tv-base-color-common-1);
    --tv-color-act-info-text-white-hover:var(--tv-base-color-common-1);
    --tv-color-act-info-text-white-active:var(--tv-base-color-common-1);
    --tv-color-act-info-bg:#333;
    --tv-color-act-info-bg-hover:#54657e;
    --tv-color-act-info-bg-active:#54657e;
    --tv-color-act-info-bg-light:rgba(51, 51, 51, 0.06);
    --tv-color-act-info-bg-light-hover:#333;
    --tv-color-act-info-bg-light-active:#54657e;
    --tv-color-act-info-border:#333;
    --tv-color-act-info-border-hover:#54657e;
    --tv-color-act-info-border-active:#54657e;
    --tv-color-act-info-border-hover-1:#54657e;
    --tv-color-act-info-border-active-1:#54657e;
    --tv-color-act-info-border-light:#333;
    --tv-color-act-info-border-light-hover:#333;
    --tv-color-act-info-border-light-active:#54657e;
    --tv-color-act-info-plain-text-hover:#fff;
    --tv-color-text:#333;
    --tv-color-text-secondary:#999;
    --tv-color-text-weaken:#909399;
    --tv-color-text-placeholder:#999;
    --tv-color-text-disabled:#999;
    --tv-color-text-active:#1890ff;
    --tv-color-text-important:#f5222d;
    --tv-color-text-link:#1890ff;
    --tv-color-text-link-hover:#40a9ff;
    --tv-color-plain-text-hover:#333;
    --tv-color-text-control:var(--tv-base-color-common-10);
    --tv-color-text-inverse:var(--tv-base-color-common-1);
    --tv-color-text-inverse-tint:var(--tv-base-color-common-1);
    --tv-color-text-inverse-black:var(--tv-base-color-common-11);
    --tv-color-text-active-1:#1890ff;
    --tv-color-text-active-2:var(--tv-base-color-common-10);
    --tv-color-text-active-3:#1890ff;
    --tv-color-text-inverse-active:var(--tv-base-color-common-1);
    --tv-color-text-hover:#1890ff;
    --tv-color-text-link-1:var(--tv-base-color-common-10);
    --tv-color-text-link-1-hover:#1890ff;
    --tv-color-icon:#bfbfbf;
    --tv-color-icon-hover:#1890ff;
    --tv-color-icon-active:#1890ff;
    --tv-color-icon-disabled:#bfbfbf;
    --tv-color-icon-checked-disabled:#999;
    --tv-color-icon-control:var(--tv-base-color-brand);
    --tv-color-icon-control-active:#1890ff;
    --tv-color-icon-control-disabled:#bfbfbf;
    --tv-color-icon-link:#1890ff;
    --tv-color-icon-warn-secondary:#fdc000;
    --tv-color-icon-inverse:var(--tv-base-color-common-1);
    --tv-color-icon-inverse-tint:var(--tv-base-color-common-1);
    --tv-color-bg:var(--tv-base-color-common-3);
    --tv-color-bg-primary:#1890ff;
    --tv-color-bg-secondary:var(--tv-base-color-common-1);
    --tv-color-bg-control:#bfbfbf;
    --tv-color-bg-control-unactive:#bfbfbf;
    --tv-color-bg-gray-1:var(--tv-base-color-common-2);
    --tv-color-bg-gray-2:rgba(51, 51, 51, 0.06);
    --tv-color-bg-header:#f1f1f1;
    --tv-color-bg-mask:rgba(0, 0, 0, 0.3);
    --tv-color-bg-dark:#2e3243;
    --tv-color-bg-disabled:#f5f5f5;
    --tv-color-bg-disabled-control-checked:#bfbfbf;
    --tv-color-bg-disabled-control-unactive:#d9d9d9;
    --tv-color-bg-disabled-control-active:#d9d9d9;
    --tv-color-bg-hover:#e6f7ff;
    --tv-color-bg-hover-primary:#f1f1f1;
    --tv-color-bg-hover-secondary:var(--tv-base-color-common-1);
    --tv-color-bg-hover-1:#e6f7ff;
    --tv-color-bg-hover-2:rgba(0, 0, 0, 0.6);
    --tv-color-bg-hover-dark:#474c5e;
    --tv-color-bg-active:var(--tv-base-color-common-3);
    --tv-color-bg-active-control:var(--tv-base-color-brand);
    --tv-color-bg-active-primary:var(--tv-base-color-brand);
    --tv-color-bg-active-secondary:var(--tv-base-color-common-1);
    --tv-color-bg-active-emphasize:#e6f7ff;
    --tv-color-bg-active-emphasize-light:rgba(47, 143, 232, 0.1);
    --tv-color-bg-active-dark:#474c5e;
    --tv-color-bg-2:var(--tv-base-color-common-1);
    --tv-color-bg-3:var(--tv-base-color-common-1);
    --tv-color-bg-4:var(--tv-base-color-common-7);
    --tv-color-bg-progressbar:var(--tv-base-color-success-6);
    --tv-color-bg-active-emphasize-1:var(--tv-base-color-common-1);
    --tv-color-bg-container-hover:var(--tv-base-color-common-1);
    --tv-color-bg-hover-3:var(--tv-base-color-brand-2);
    --tv-color-bg-hover-4:var(--tv-base-color-common-1);
    --tv-color-bg-active-primary-1:var(--tv-base-color-brand-5);
    --tv-color-bg-inverse:var(--tv-base-color-common-1);
    --tv-color-bg-active-control-1:var(--tv-base-color-common-9);
    --tv-color-bg-5:var(--tv-base-color-common-7);
    --tv-color-bg-5-active:var(--tv-base-color-common-1);
    --tv-color-bg-inverse-tint-1:#606266;
    --tv-color-bg-disabled-control:var(--tv-base-color-brand-5);
    --tv-color-bg-inverse-disabled:var(--tv-base-color-common-1);
    --tv-color-bg-dark-1:#2e3243;
    --tv-color-border:var(--tv-base-color-common-6);
    --tv-color-border-hover:var(--tv-base-color-brand);
    --tv-color-border-active:var(--tv-base-color-brand);
    --tv-color-border-active-control:var(--tv-base-color-brand-6);
    --tv-color-border-disabled:var(--tv-base-color-common-15);
    --tv-color-border-secondary:var(--tv-base-color-common-15);
    --tv-color-border-ghost:var(--tv-base-color-common-8);
    --tv-color-border-ghost-active:var(--tv-base-color-common-6);
    --tv-color-border-divider:var(--tv-base-color-common-4);
    --tv-color-border-divider-short:var(--tv-base-color-common-15);
    --tv-color-border-secondary-hover:var(--tv-base-color-brand);
    --tv-color-border-container:var(--tv-base-color-common-15);
    --tv-color-border-container-hover:var(--tv-base-color-brand);
    --tv-color-border-container-active:var(--tv-base-color-brand-6);
    --tv-color-border-inverse-tint:var(--tv-base-color-common-1);
    --tv-color-border-1:var(--tv-base-color-common-1);
    --tv-font-family:'Helvetica', 'Arial', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei';
    --tv-font-family-1:'Arial', 'San Francisco', 'Helvetica';
    --tv-font-size-sm:12px;
    --tv-font-size-md:14px;
    --tv-font-size-lg:16px;
    --tv-font-size-xl:18px;
    --tv-font-size-xxl:20px;
    --tv-font-size-default:var(--tv-font-size-sm);
    --tv-font-size-heading-xs:16px;
    --tv-font-size-heading-sm:18px;
    --tv-font-size-heading-md:20px;
    --tv-font-size-heading-lg:24px;
    --tv-font-size-heading-xl:32px;
    --tv-line-height-number:1.5;
    --tv-font-weight-thin:200;
    --tv-font-weight-regular:400;
    --tv-font-weight-bold:600;
    --tv-border-radius-xs:2px;
    --tv-border-radius-sm:2px;
    --tv-border-radius-md:2px;
    --tv-border-radius-lg:4px;
    --tv-border-radius-round:999px;
    --tv-border-radius-brand:2px;
    --tv-border-width:1px;
    --tv-space-base:4px;
    --tv-space-xs:2px;
    --tv-space-sm:var(--tv-space-base);
    --tv-space-md:calc(var(--tv-space-base) * 2);
    --tv-space-lg:calc(var(--tv-space-base) * 3);
    --tv-space-xl:calc(var(--tv-space-base) * 4);
    --tv-space-table-x:4px;
    --tv-space-table-y:4px;
    --tv-size-base:4px;
    --tv-size-height-xs:24px;
    --tv-size-height-sm:28px;
    --tv-size-height-md:30px;
    --tv-size-height-lg:36px;
    --tv-size-height-xl:42px;
    --tv-size-height-xxl:48px;
    --tv-icon-size:14px;
    --tv-shadow-0:0 4px 16px 0 rgba(0, 0, 0, 0.08);
    --tv-shadow-1:0 0 0 0 rgba(0, 0, 0, 0);
    --tv-shadow-cell-left:-5px 0 5px 0 rgba(0, 0, 0, 0.1);
    --tv-shadow-cell-right:5px 0 5px 0 rgba(0, 0, 0, 0.1);
    --tv-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.08);
    --tv-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.08);
    --tv-shadow-1-left:-1px 0 4px 0 rgba(0, 0, 0, 0.08);
    --tv-shadow-1-right:1px 0 4px 0 rgba(0, 0, 0, 0.08);
    --tv-shadow-2-up:0 -2px 12px 0 rgba(0, 0, 0, 0.16);
    --tv-shadow-2-down:0 2px 12px 0 rgba(0, 0, 0, 0.16);
    --tv-shadow-2-left:-2px 0 12px 0 rgba(0, 0, 0, 0.16);
    --tv-shadow-2-right:2px 0 12px 0 rgba(0, 0, 0, 0.16);
    --tv-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.08);
    --tv-shadow-3-down:0 0 4px rgba(0, 0, 0, 0.3);
    --tv-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.08);
    --tv-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.08);
    --tv-shadow-4-up:0 -8px 24px 0 rgba(0, 0, 0, 0.16);
    --tv-shadow-4-down:0 8px 24px 0 rgba(0, 0, 0, 0.16);
    --tv-shadow-4-left:-8px 0 24px 0 rgba(0, 0, 0, 0.16);
    --tv-shadow-4-right:8px 0 24px 0 rgba(0, 0, 0, 0.16);
    --tv-size-scrollbar-width:8px;
    --tv-size-scrollbar-height:8px;
    --tv-border-radius-scrollbar-thumb:4px;
    --tv-color-bg-scrollbar-thumb:var(--tv-base-color-common-6);
    --tv-color-bg-scrollbar-thumb-hover:var(--tv-base-color-common-6);
    --tv-color-bg-scrollbar-thumb-active:var(--tv-base-color-common-6);
    --tv-color-bg-scrollbar-track:var(--tv-base-color-common-1)
}